<%@ page language="java" contentType="text/html; charset=UTF-8" 
 pageEncoding="UTF-8"%> 
<!DOCTYPE html> 
<html>
	<head>
		<meta charset="utf-8" />
		<title>https：//.m.meishixd.com/</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/bootstrap.js"></script>
		<style>
			h1{
				font-weight: bold;
			}   
			.b3{
				padding-top: 10px;
			}
			.ab{
				width: 400px;
			}
			h3{
				padding-top: 240px;
				color: white;
			}
		    .zjl>li{
		    	list-style-type: none;
		    	color: black;
		    }
		    hr{
		    	height: 2px;
		    }
		    .cc1{
		    	font-family: "微软雅黑";
		    	font-size: 30px;
		    }
		    .cc2{
		    	font-size: 20px;
		    	float: left;
		    }
			.bh5{
				background-image: url(img/5.jpg);
				width: 320px;
				height: 320px;
			}
			.bh6{
				background-image: url(img/6.jpg);
				width: 320px;
				height: 320px;
			}
			.bh7{
				background-image: url(img/7.jpg);
				width: 320px;
				height: 320px;
			}
			.bh8{
				background-image: url(img/8.jpg);
				width: 320px;
				height: 320px;
			}
			.myfooter{
				background-color: lightpink;
			}
			.zjli>li{
				color: white;
			}
			ul{
				list-style-type: none;
			}
			.jj{
				font-weight: bold;
				font-size: 24px;
			}
		</style>
	</head>
	<body>
		<nav class="navbar navbar-default" >
			<div class="navbar-header">
				<a class="navbar-brand">
					<img src="img/logo.png" height="45"/>
				</a>
			</div>
			<div class="container zjl">
				<ul class="nav navbar-nav">
					<li><a href="食材大全.html"><h4>食材大全</h4></a></li>
					<li><a href="#"><h4>专题</h4></a></li>
					<li><a href="#"><h4>人气菜谱</h4></a></li>
					<li><a href="#"><h4>健康</h4></a></li>
					<li><a href="#"><h4>家常菜</h4></a></li>
					<li><a href="#"><h4>门店</h4></a></li>
					<li><a href="留言板.html"><h4>留言板</h4></a></li>
			    <form class="navbar-form navbar-right b3" role="搜索菜谱、食材...">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="搜索菜谱、食材..."/>
				</div>
				        <a href="#"><button type="submit" class="btn btn-primary">搜索</button></a>
				        <a href="#" class="btn btn-danger" role="button">下载APP</a>
			    </form>
				</ul>
			</div>
		</nav>
		
			
		<div class="container">
			<div class="row text-center">
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/1.jpg"/>
					</a>
					<h2>热菜</h2>
				</div>
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/2.jpg"/>
					</a>
					<h2>凉菜</h2>
				</div>
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/3.jpg"/>
					</a>
					<h2>早餐</h2>
				</div>
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/4.jpg"/>
					</a>
					<h2>懒人餐</h2>
				</div>
			</div>
	    </div>
	    <div class="container">
			<div class="row text-center">
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/5.jpg"/>
					</a>
					<h2>快手餐</h2>
				</div>
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/6.jpg"/>
					</a>
					<h2>酱料</h2>
				</div>
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/7.jpg"/>
					</a>
					<h2>宴客</h2>
				</div>
				<div class="col-md-3 col-xs-6">
					<a class="thumbnail" href="#" target="_self">
					<img src="img/8.jpg"/>
					</a>
					<h2>海鲜</h2>
				</div>
			</div>
	    </div>
		<div class="row text-center">
			<a href="全部菜谱分类.html" class="btn btn-danger ab" target="_self">全部菜谱分类</a>
		</div>
		
		<br />
		<br />
		<div class="container">
			<div class="row jj">
				<div class="col-md-6">
					专注美食的吃货社区，汇聚海量菜谱的常备工具，令厨房与餐桌成为一家人妙不可言的愉悦生活。在这里，最活跃的
					美食杰出作者与热爱生活的美食
				</div>
				<div class="col-md-6">
					家们，通过锅碗瓢盆、菜豆果蔬，为您呈现图文并茂、无比详细的菜谱，
					以及挥洒自如、满座惊艳的创意美食。
				</div>
			</div>
		</div>
		<br />
		<br />
		
	<div class="container">
			<div class="row text-center">
				<div class="cc1">天冷炖个砂锅菜，吃起来暖暖和和哒~</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="砂锅.html" target="_self">
					<img src="img/9.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="砂锅.html" target="_self">
					<img src="img/10.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="砂锅.html" target="_self">
					<img src="img/11.jpg"/>
					</a>
				</div>
				<div class="cc2">
					菜单
				</div>
			</div>
	</div>
	        <hr color="grey" width="1200" align="center"></hr>
	        
	        
	<div class="container">
			<div class="row text-center">
				<div class="cc1">家常南瓜这样做，孩子们超爱吃！</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/12.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/13.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/14.jpg"/>
					</a>
				</div>
			</div>
	</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/15.jpg"/>
					</a>
				</div>
					<div class="col-md-8 col-xs-6 cc1">
					<br/>
					<br/>
					<div class="cc1">一周热门</div>
					<br/>
					<span>最新最热的菜都在这，别错过~</span>
					<br/>
					<br/>
					<div>菜谱排行</div>
					</div>
			</div>
		</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="cc1">豆腐这样做，下饭又解馋，好吃到光盘...</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/16.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/17.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/18.jpg"/>
					</a>
				</div>
				<div class="cc2">
					食材
				</div>
				<br/>
			</div>
	    </div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="cc1">大白菜这样做，比几十块的肉菜还抢手...</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/19.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/20.jpg"/>
					</a>
				</div>
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/21.jpg"/>
					</a>
				</div>
				<div class="cc2">
					食材
				</div>
			</div>
	    </div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/23.jpg"/>
					</a>
				</div>
					<div class="col-md-8 col-xs-6 cc1">
					<br/>
					<br/>
					<div class="cc1">蒜味酱肉松面包</div>
					<br/>
					<span>面包粉、牛奶、蛋液、色拉油、...</span>
					<br/>
					<br/>
					<div>菜谱</div>
					</div>
			</div>
		</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/24.jpg"/>
					</a>
				</div>
					<div class="col-md-8 col-xs-6 cc1">
					<br/>
					<br/>
					<div class="cc1">马兰拌香干</div>
					<br/>
					<span>马兰、豆干、盐、芝麻油、生抽...</span>
					<br/>
					<br/>
					<div>菜谱</div>
					</div>
			</div>
		</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/25.jpg"/>
					</a>
				</div>
					<div class="col-md-8 col-xs-6 cc1">
					<br/>
					<br/>
					<div class="cc1">油酥发面饼</div>
					<br/>
					<span>面粉、酵母、泡打粉、水、白糖...</span>
					<br/>
					<br/>
					<div>菜谱</div>
					</div>
			</div>
		</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/26.jpg"/>
					</a>
				</div>
					<div class="col-md-8 col-xs-6 cc1">
					<br/>
					<br/>
					<div class="cc1">石斛花旗参炖瘦肉汤</div>
					<br/>
					<span>瘦肉、石斛、枸杞、桂圆肉、花...</span>
					<br/>
					<br/>
					<div>菜谱</div>
					</div>
			</div>
		</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<div class="col-md-4 col-xs-6">
					<a class="thumbnail" href="#">
					<img src="img/27.jpg"/>
					</a>
				</div>
					<div class="col-md-8 col-xs-6 cc1">
					<br/>
					<br/>
					<div class="cc1">猪骨炖莲藕</div>
					<br/>
					<span>猪脊骨、莲藕、食用油、料酒、...</span>
					<br/>
					<br/>
					<div>菜谱</div>
					</div>
			</div>
		</div>
		    <hr color="grey" width="1200" align="center"></hr>
		
		
		<div class="container">
			<div class="row text-center">
				<img src="img/32.jpg" class="img-thumbnail">
			</div>
		</div>
		<br/>
		
	
	<div class="myfooter">
		<div class="container zjli">
			<div class="text-center">
				<ul>
					<li>版权所有 © 2004-2019美食天下 保留所有权利 
					</li>
				</ul>
			    <ul>
					<li>  
					  京公网安备  11010502031041号  /
					  京ICP证090244号 /京ICP备10020153号
					</li>
				</ul>
				<ul>
					<li>  
					  ---联系我们---
					  <br />
					  -微信公众号与微博：美食天下
					  <br />
					  服务热线：400-02220-78创业有风险 选择需谨慎
					  <br />
					  -合作与建议：we@meishichina.com
					</li>
				</ul>
			</div>
		</div>
	</div>
	</body>
</html>
